<%@ page import="entity.Dept" %>
<%@ page import="java.util.List" %>
<%--
  Created by IntelliJ IDEA.
  User: LEI
  Date: 2021/11/1
  Time: 11:15 AM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--jstl-->java standard tag lib--%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%>
<html>
  <head>
    <title>$Title$</title>
    <style>
      h2,table{
        margin:0 auto;
        text-align: center;
      }
      table,form,.search_box{
        width:80%;
        margin-left: 10%;
      }
      table,th,td,tr{
        border:1px solid silver;
        border-collapse: collapse;
      }

    </style>
  </head>
  <body>
  <h2>在线考试</h2>
  <hr/>
<%--  第一种，最原始的方法，现在out了--%>
<%--  <%--%>
<%--    List<Dept> depts= (List<Dept>) request.getAttribute("ds"); %>--%>
<%--  <table>--%>
<%--  <%--%>
<%--    for (Dept dept : depts) {--%>
<%--  %>--%>
<%--    <tr>--%>
<%--      <td><%=dept.getDeptName()%></td>--%>
<%--    </tr>--%>
<%--  <%--%>
<%--    }--%>
<%--  %>--%>
<%--  </table>--%>
<%--  <%=depts.get(0)%>--%>
<%--  <%=request.getAttribute("test")%>--%>

<%--  用El表达式+标签的方法来写--%>
  <form action="dept_add" method="post" onsubmit="return validate()">
    部门编号：<input type="text" name="deptId" id="my_id"/><br/>
    部门名称：<input type="text" name="deptName"/><br/>
    部门地址：<input type="text" name="deptAdds"/><br/>
    <input type="submit" value="添加"/>
  </form>

  <div class="search_box">
    <input type="text" placeholder="请输入关键字"/>&nbsp;
    <input type="button" value="搜索"/>
  </div>
  <br/>
  <table>
    <tr>
      <th>部门编号</th>
      <th>部门名称</th>
      <th>部门地址</th>
      <th>操作</th>
    </tr>
    <c:forEach var="d" items="${ds}">
      <tr>
        <td>${d.deptId}</td>
        <td>${d.deptName}</td>
        <td>${d.deptAdds}</td>
        <td>
          <input type="button" value="删除" onclick="deleteDept(${d.deptId})"/>&nbsp;&nbsp;
          <input type="button" value="修改" onclick="updateShow(${d.deptId})"/>
        </td>
      </tr>
    </c:forEach>
  </table>

  <script>

    //验证方法
    function validate(){
      //1. 获取到用户输入的Id
      let deptId=document.querySelector("#my_id").value;
      if(deptId==""){
        //2. 如果为空，就弹窗提示不能为空，同时不能提交
        alert("部门编号不能为空");
        return false;
      }
        //3. 如果不为空，就提交
        return true;
    }

    function updateShow(id){
      // alert(id);
      window.location.href="update_show?dId="+id;
    }

    function deleteDept(id){
      //执行下面这个方法，会返回true/false;
      // confirm("是否真的要删除？");
      if(confirm("是否真的要删除？")){
        window.location.href="delete_dept?dId="+id;
      }else{
        return;
      }
    }
  </script>
  </body>
</html>
